<template>
	<view class="uni-list">
		<view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(item, index) in res" :key="index" @click="goNews(item.id)">
			<view class="uni-media-list">
				<view class="title">
					<text>{{ item.title }}</text>
				</view>
				<view class="texts">
					<text>{{ item.members.nickname }}</text>
					<text>{{ item.count }}条评论</text>
					<text>{{ item.create_time_text }}</text>
				</view>
			</view>
			<view class="uni-img"><image :src="item.thumb" mode=""></image></view>
		</view>
	</view>
</template>

<script>
export default {
	props: ["res"],
	data() {
		return {
			
		}
	},
	methods:{
		goNews(id){
			uni.navigateTo({
			    url: '/pages/news/particulars?id='+id
			});
		}
	}
};
</script>

<style lang="scss">
.uni-list {
	margin: 30upx 30upx 30upx 30upx;
	background-color: #ffffff;
	height: auto;
	
	.uni-list-cell {
		padding: 15upx 15upx 15upx 15upx;;
		width: 690upx;
		height: 160upx;
		border-bottom: 1px solid #f5f6f7;
		.uni-media-list {
			float:left;
			width:430upx;
			.title {
				
				height: 88upx;
				color: #282828;
				margin-bottom: 45upx;
				font-size: 32upx;
				display: -webkit-box;
				word-break: break-all;
				text-overflow: ellipsis;
				overflow: hidden;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				.logo {
					width: 73upx;
					height: 32upx;
					padding-right: 10upx;
				}
			}
			.texts{
				color: #989898;
				font-size:24upx;
				text{
					padding-right: 60upx;
				}
			}
		}
		.uni-img {
			float: left;
			image {
				width: 233upx;
				height: 150upx;
			}
		}
	}
}
</style>
